Global Internet Business Solutions ~ GIBS

GridView Paging CSSClass Style

Webmaster — Mon, 13 Jan 2025 19:14:00 GMT

.pagination-ys { /*display: inline-block;*/ padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination-ys table > tbody > tr > td { display: inline; } .pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; color: #dd4814; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #aea79f; background-color: #f5f5f5; border-color: #dddddd; cursor: default; } .pagination-ys table > tbody > tr > td:first-child > a, .pagination-ys table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination-ys table > tbody > tr > td:last-child > a, .pagination-ys table > tbody > tr > td:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:hover, .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > span:focus { color: #97310e; background-color: #eeeeee; border-color: #dddddd; }

Hero Image with Text Overlay

Webmaster — Sat, 17 Aug 2024 00:01:00 GMT

Great Pen . . . . Hero Image With Transparent Colored Overlay (codepen.io)

GridView CSS for Pagination

Mon, 27 Jan 2020 16:22:00 GMT

Add Stylesheet from Code Behind

Sun, 15 Oct 2017 13:04:00 GMT

Add a stylesheet from custom DNN module settings HtmlGenericControl css1 = new HtmlGenericControl("link"); css1.Attributes["type"] = "text/css"; if (Settings.Contains("jQueryUI")) { css1.Attributes["href"] = Settings["jQueryUI"].ToString(); } else { css1.Attributes["href"] = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css"; } css1.Attributes["rel"] = "stylesheet"; css1.Attributes["media"] = "screen"; Page.Header.Controls.Add(css1);

Remove href Values when Printing in Browser

Thu, 05 Oct 2017 10:15:00 GMT

Hide Text with Bootstrap Only for Mobile Devices

Fri, 23 Jun 2017 09:34:00 GMT

To hide text elements on mobile devices use the class hidden-xs class="hidden-xs"

Your long sentence here . . . ..

Simple Gallery Responsive Layout

Tue, 07 Feb 2017 10:48:00 GMT

[PHOTOWITHBORDER]

Simple Gallery Responsive Layout

Cover Background CSS

Sat, 21 Jan 2017 11:21:00 GMT

#Body{ background: url(/Portals/0/BGImage/Grays_Beach.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

Image Dropshadow CSS

Sat, 14 Jan 2017 11:12:00 GMT

.multiple-borders img { box-shadow: 8px 8px 10px #aaa; } USE:

IMAGE

CSS Background Size Scale Stretch Image

Wed, 20 Apr 2016 11:03:00 GMT

My page with 100% width background image

Free Flow Div

Mon, 11 May 2015 09:50:00 GMT

“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature. [PHOTOWITHBORDER] Free Flow Div

Remove href values when printing

Mon, 01 Dec 2014 13:43:00 GMT

@media print { a[href]:after { content: none !important; } }

Force page break in HTML/ASP when opening and printing multiple records

Mon, 17 Nov 2014 18:22:00 GMT

Place the following code in the HEAD of the html: P.pagebreakhere {page-break-before: always} Then place the following code in the BODY of the html where you want the pagebreak:

Fixed Cover Background Image

Fri, 27 Jun 2014 10:14:00 GMT

#Body { background-image: url(/Portals/2/bg1.jpg);background-size: cover !important; background-attachment: fixed;}

DIV Centering

Tue, 13 Aug 2013 08:26:00 GMT

div id="content" This is a DIV block that is to be centered. I don't want the text to be centered, though, just the block. /div #content { width: 700px ; margin-left: auto ; margin-right: auto ; }

Standard DotNetNuke CSS Classes

Wed, 11 Jan 2012 13:15:00 GMT

Standard CSS classes used by DotNetNuke: Class Usage CommandButton Just about every Link Button in DotNetNuke uses this. Link Buttons look like hyper links, but behave like form submit buttons. Head Container Title, Section Heading (expand/collapsible sections) LoginContainer Login page LoginTab Login page LoginTabHover Login page LoginTabSelected Login page LoginPanel Login page Normal Anywhere text should display in a default font. normal Yeah, someone goofed and they are in with and without a leading capital letter. NormalTextBox Just about any text box NormalRed red text / error messages CommandButtonButton Buttons LabelEditOverClass Mouse over for Edit in Place of Container Title SubHead used on many of the label controls that are prompts for information. subsubhead TimeZoneEditor FileManager_Header In the file manager. FileManagerTreeNodeSelected FileManagerTreeNode FileManager_Item FileManager_AltItem FileManager_SelItem FileManagerTreeNode WorkPanel File manager file upload, Site Settings, Recycle Bin NormalBold File Manager DataGrid_Container Data grids DataGrid_Footer Data grids DataGrid_Pager Data Grids WizardText Installation Screen, Site Wizard WorkPanel Uninstall Screen, Edit Roles, Security Roles Wizard Site Wizard, Edit Profile Definitions, Install Wizard WizardButton Install Wizard WizardButtonDisabled Install Wizard SkinObject Copyright, CurrentDate, Help, HostName, Login, Privacy, Search, Terms, User Help Edit Profile Definitions, Membership, Profile SuggestTextMenu Banner Options GroupSuggestMenu Banner Options SuggestNodeOver Banner Options StandardButton Push Buttons Of the CSS classes above, the ones you will need to pay the most attention to are: CommandButton Normal normal NormalTextBox NormalRed NormalBold Head SubHead DataGrid_Container DataGrid_Footer DataGrid_Pager SkinObject

Inline Scroll Box

Mon, 08 Feb 2010 19:50:00 GMT

Create an Inline Scroll Box using CSS.